<template>
    <section class="finishWrap_0309">
      <myHeader class="header" :obj="myObj" @events="events"></myHeader>
      <main class="main_0310">
        <div class="IconWrap_0310">
          <i class="iconFinish_0310"></i>
        </div>
        <strong class="strong_0310">提交成功</strong>
        <p class="textP_0310">行家接受预约后，会以短信方式通知</p>
        <myButton @sendDate="CreateMeetDeal">查看订单</myButton>
      </main>
    </section>
</template>
<script>
import myHeader from './base/myHeader';
import myButton from './base/myButton';
export default {
  data () {
    return {
      myObj:{
        type: 2,
        text: '行家'
      },
    }
  },
  methods: {
    events(i) {
      if(i == 2) {
        history.back();
      }
    },
    CreateMeetDeal() {
      this.$router.push({path:'/indentCourse',query:{AppointmentOrderNo:this.$route.query.Id}})
    },
    
  },
  components: {
    myHeader,
    myButton
  }
}

</script>
<style lang="less">
.finishWrap_0309 {
  width: 3.75rem;
  .main_0310 {
    width: 3.75rem;
    height: 100%;
    padding-top: .44rem;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    .showIndent_0310 {
      width: 3.35rem;
      height: .47rem;
      display: block;
      border: none;
      background: #557AFF;
      color: white;
      font-size: .18rem;
      margin: 0 auto;
      border-radius: .05rem;
    }
    .textP_0310 {
      color: #888888;
      font-size: .14rem;
      text-align: center;
      margin-bottom: .31rem;
    }
    .strong_0310 {
      font-weight: 500;
      font-family: 'PingFangSC-Regular';
      display: block;
      text-align: center;
      color: black;
      font-size: .2rem;
      margin-bottom: .18rem;
    }
    .IconWrap_0310 {
      padding: .5rem 0 .25rem;
      .iconFinish_0310 {
        display: block;
        width: .93rem;
        height: .93rem;
        background: url('../assets/img/expert/icon_yes@3x.png') center center;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0 auto;
      }
    }
  }
}
  
</style>
